<!DOCTYPE html>
<html>
<head>

    @include("/include/_header.html", {'title':'库区展示'}){}
    <script src="${ctxPath}/externaljs/pixijs/pixi.min.js"></script>
    <script src="${ctxPath}/treeview/js/bootstrap-treeview.min.js"></script>
    <link rel="stylesheet" href="${ctxPath}/C24012/css/base.css">
    <link rel="stylesheet" href="${ctxPath}/C24012/css/areaDisplay.css">
    <script src="${ctxPath}/externaljs/tweenmax/TweenMax.js"></script>
</head>
<body>
<div class="layui-fluid" >
    <div  class="map floatleft" id="areaMap"></div>
    <div  class="data floatleft" id = "dataMap" >
        <div  class="taskData " id="taskInfo">
            <h1>任务状态</h1>
            <div class="layui-card" style="height : 20vh">
                <div class="layui-card-body">
                    <label class="task-data-label" for="nowStatus">当前状态</label>
                    <input class="task-data-container" type="text" id="nowStatus" value="运行中">

                    <label class="task-data-label" for="nowMode">当前模式</label>
                    <input class="task-data-container" type="text" id="nowMode" value="下线">

                    <label class="task-data-label" for="nowTask">当前任务</label>
                    <input class="task-data-container" type="text" id="nowTask" value="下线">


                    <label class="task-data-label" for="nowStep">当前步骤</label>
                    <input class="task-data-container" type="text" id="nowStep" style="width:100px !important;" value="吸板">
                    <div class="layui-card-body buttonArea">
                        <from class="layui-form" action="">

                            <div class="layui-inline controlArea" >
                                <div class="layui-inline"  >
                                    <div class="layui-form-item" >
                                        <button class="layui-btn custom-btn" lay-submit lay-filter="startTask" id="startTask"
                                                style="display: inline">开始任务
                                        </button>
                                        <button class="layui-btn layui-btn-danger custom-btn" lay-submit lay-filter="stopTask" id="stopTask"
                                                style="display: inline">停止任务
                                        </button>


                                    </div>


                                </div>
                            </div>
                        </from>
                    </div>

                </div>
            </div>
            <input class="task-data-container" type="text" id="unnormalStatus" style="width: 400px !important;color: red;margin-top: -8px !important;font-size: 18px !important;" value="非正常状态显示区">
        </div>
        <div  class="stackData hidden" id="dataInfo">
            <h1>垛位钢板信息</h1>
            <table class="layui-hide" id="stackTableInfo" lay-filter="stackTableInfo" lay-skin = "nob"></table>
        </div>
        <div  class="steelData hidden" id="steelInfo">
            <h1>钢板详情信息</h1>
            <div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 0;">
                <div class="layui-form-item">
                    <label class="layui-form-label">钢件长度</label>
                    <div class="layui-input-inline">
                        <input type="text" name="steelLength" id = "steelLength"  class="layui-input" >

                    </div>

                    <label class="layui-form-label">钢件宽度</label>
                    <div class="layui-input-inline">
                        <input type="text" name="steelWidth" id="steelWidth"  class="layui-input" >

                    </div>

                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">钢件厚度</label>
                    <div class="layui-input-inline">
                        <input type="text" name="steelThick" id = "steelThick"  class="layui-input" value="">
                    </div>

                    <label class="layui-form-label">所在层</label>
                    <div class="layui-input-inline">
                        <input type="text" name="layer"  id = "layer"  class="layui-input" value="">
                    </div>

                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">占位</label>
                    <div class="layui-input-inline">
                        <input type="text" name="configValue"  id = ""  class="layui-input" value="">
                    </div>

                    <label class="layui-form-label">垛位名称</label>
                    <div class="layui-input-inline">
                        <input type="text" name="areaName"  id="areaName"  class="layui-input" value="">
                    </div>

                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">钢件号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="componentNo"  id="componentNo" class="layui-input" value="">
                    </div>

                    <label class="layui-form-label">零件号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="partNo"  id="partNo" class="layui-input" value="">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">出库时间</label>
                    <div class="layui-input-inline">
                        <input type="text" name="outTime"  id="outTime" class="layui-input" value="">
                    </div>

                    <label class="layui-form-label">入库时间</label>
                    <div class="layui-input-inline">
                        <input type="text" name="inTime"  id="inTime" class="layui-input" value="">
                    </div>
                </div>



            </div>
        </div>
    </div>




</div>

<script src="${ctxPath}/C24012/js/area/areaDisplay.js"></script>
<script type="text/html" id="data-tool">
    <t:a cssClass="layui-btn layui-btn layui-btn-xs" layEvent="detail" label="查看"></t:a>
    <t:a cssClass="layui-btn layui-btn-danger layui-btn-xs" layEvent="out" label="出库"></t:a>

</script>

</body>
</html>
